<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Japan Technology and Engineering Co. Ltd.</title>

        <meta name="robots" content="index, follow" />
        <meta name="keywords" content="" />
        <meta name="description" content="" />
        <meta name="author" content="" />

        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />

        <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,600,700,300' rel='stylesheet' type='text/css'>
        <link rel="stylesheet" href="Content/theme/RoyalStartex/styles/style.css" />
        <link rel="stylesheet" href="Content/theme/RoyalStartex/styles/inner.css" />
        <link rel="stylesheet" href="Content/theme/RoyalStartex/styles/nivo-slider.css" />
        <link rel="stylesheet" href="Content/theme/RoyalStartex/styles/layout.css" />
        <link rel="stylesheet" href="Content/theme/RoyalStartex/styles/color.css" />

        <!--[if lt IE 9]>
                <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->

        <link rel="shortcut icon" href="Content/theme/RoyalStartex/images/favicon.ico" />
    </head>
    <body class="home">

        <div id="bodychild">
            <div id="outercontainer">
                <div class="container">
                    <div class="row">
                        <div id="logo" class="two columns">
                            <div id="logo-wrap">      	
                                <div id="logoimg">
                                    <a href="index.html" title="J-TEC" >
                                        <img src="Content/theme/RoyalStartex/images/logo.png" alt="Japan Technology and Engineering Co. Ltd." />
                                    </a>
                                </div>
                                <div class="clear"></div>
                            </div>
                        </div>
                        <div class="ten columns">
                            <!-- HEADER -->
                            <div id="outerheader">
                                <div id="headercontainer">
                                    <div class="container">
                                        <header id="top">
                                            <div class="row">
                                                <div class="top-container1 six columns">
                                                    
                                                </div>
                                                <div class="top-container2 six columns">
                                                    <ul class="sn">
                                                        <li><a href="http://twitter.com/" title="Twitter"><span class="icon-img twitter"></span></a></li>
                                                        <li><a href="http://facebook.com/" title="Facebook"><span class="icon-img facebook"></span></a></li>
                                                        <li><a href="https://plus.google.com/" title="Google+"><span class="icon-img google"></span></a></li>
                                                        <li><a href="http://pinterest.com/" title="Pinterest"><span class="icon-img pinterest"></span></a></li>
                                                    </ul> 
                                                </div>
                                                <div class="clear"></div>
                                                <section id="navigation" class="twelve columns">
                                                    <nav id="nav-wrap">
                                                        <ul id="topnav" class="sf-menu">
                                                            <li class="current"><a href="index.html">Home</a></li>
                                                            <li><a href="about.html">About Us</a>
                                                                <ul class="sub-menu">
                                                                    <li><a href="#">Only</a></li>
                                                                    <li><a href="#">Example of</a></li>
                                                                    <li><a href="#">Dropdown</a></li>
                                                                </ul>
                                                            </li>
                                                            <li><a href="blog.html">Blog</a></li>
                                                            <li><a href="portfolio.html">Portfolio</a></li>
                                                            <li><a href="contact.html">Contact Us</a></li>
                                                        </ul>                                
                                                    </nav><!-- nav -->	
                                                    <div class="clear"></div>
                                                </section>
                                                <div class="clear"></div>

                                            </div>
                                            <div class="clear"></div>
                                        </header>
                                    </div>
                                    <div class="clear"></div>
                                </div>
                            </div>
                            <!-- END HEADER -->


                            <!-- SLIDER -->
                            <div id="outerslider">
                                <div class="container">
                                    <div id="slidercontainer">
                                        <section id="slider">       
                                            <div id="slidernivo" class="nivoSlider">
                                                <img src="Content/theme/RoyalStartex/images/content/slide3.jpg"  alt="slide3" title="#22" />
                                                <img src="Content/theme/RoyalStartex/images/content/slide2.jpg"  alt="slide2" title="#16" />
                                                <img src="Content/theme/RoyalStartex/images/content/slide1.jpg"  alt="slide1" title="#14" />                        
                                            </div>
                                            <div id="22" class="nivo-html-caption">
                                                <div class="slider-title">Satisfied with high quality</div>
                                                <p class="slider-desc">Praesent lorem odio, porttitor non ante nec, porta lacinia dui. Duis vel aliquam tellus sed lectus dictum.</p>
                                            </div>
                                            <div id="16" class="nivo-html-caption">
                                                <div class="slider-title">Original &#038; Fresh Theme</div>
                                                <p class="slider-desc">Praesent lorem odio, porttitor non ante nec, porta lacinia dui. Duis vel aliquam tellus sed lectus dictum.</p>
                                            </div>
                                            <div id="14" class="nivo-html-caption">
                                                <div class="slider-title">Leave your problem behind</div>
                                                <p class="slider-desc">Praesent lorem odio, porttitor non ante nec, porta lacinia dui. Duis vel aliquam tellus sed lectus dictum.</p>
                                            </div>                        
                                        </section>
                                    </div>
                                </div>
                            </div>
                            <!-- END SLIDER -->        


                            <!-- MAIN CONTENT -->
                            <div id="outermain">
                                <div id="maincontainer">
                                    <div class="container">

                                        <div class="row">
                                            <section id="maincontent" class="twelve columns">
                                                <section class="content">
                                                    <div class="ts-features ">
                                                        <div class="row">
                                                            <div class="one_half columns fitem feature1 alpha">
                                                                <div class="item-container">
                                                                    <div class="feature-title-container">
                                                                        <div class="img-container"><img  src="Content/theme/RoyalStartex/images/content/icon1.png" class="alignleft" alt="icon1" /></div>
                                                                        <h3 class="feature-title"><a href="#" title="Permanent Link to We make simple theme">We make simple theme</a></h3>
                                                                    </div>
                                                                    <div class="feature-text">Donec nec rhoncus lectus. Duis ac semper neque, vel aliquet nibh. Vestibulum imperdiet a mi ac semper. Nam iaculis dignissim felis, vitae semper sem viverra ac. </div>
                                                                    <div class="feature-link"><a href="#" class="more-link">Read More</a></div>
                                                                    <div class="clear"></div>
                                                                </div>
                                                            </div>
                                                            <div class="one_half columns fitem feature2 omega">
                                                                <div class="item-container">
                                                                    <div class="feature-title-container">
                                                                        <div class="img-container"><img  src="Content/theme/RoyalStartex/images/content/icon2.png" class="alignleft" alt="icon2" /></div>
                                                                        <h3 class="feature-title"><a href="#" title="Permanent Link to Style switching Unlimited">Style switching Unlimited</a></h3>
                                                                    </div>
                                                                    <div class="feature-text">Donec nec rhoncus lectus. Duis ac semper neque, vel aliquet nibh. Vestibulum imperdiet a mi ac semper. Nam iaculis dignissim felis, vitae semper sem viverra ac. </div>
                                                                    <div class="feature-link"><a href="#" class="more-link">Read More</a></div>
                                                                    <div class="clear"></div>
                                                                </div>
                                                            </div>
                                                            <div class="one_half columns fitem feature3 alpha">
                                                                <div class="item-container">
                                                                    <div class="feature-title-container">
                                                                        <div class="img-container"><img  src="Content/theme/RoyalStartex/images/content/icon3.png" class="alignleft" alt="icon3" /></div>
                                                                        <h3 class="feature-title"><a href="#" title="Permanent Link to Simple &amp; Powerful Theme">Simple &#038; Powerful Theme</a></h3>
                                                                    </div>
                                                                    <div class="feature-text">Donec nec rhoncus lectus. Duis ac semper neque, vel aliquet nibh. Vestibulum imperdiet a mi ac semper. Nam iaculis dignissim felis, vitae semper sem viverra ac. </div>
                                                                    <div class="feature-link"><a href="#" class="more-link">Read More</a></div>
                                                                    <div class="clear"></div>
                                                                </div>
                                                            </div>
                                                            <div class="one_half columns fitem feature4 omega">
                                                                <div class="item-container">
                                                                    <div class="feature-title-container">
                                                                        <div class="img-container"><img  src="Content/theme/RoyalStartex/images/content/icon4.png" class="alignleft" alt="icon4" /></div>
                                                                        <h3 class="feature-title"><a href="#" title="Permanent Link to Awesome Custom Slider">Awesome Custom Slider</a></h3>
                                                                    </div>
                                                                    <div class="feature-text">Donec nec rhoncus lectus. Duis ac semper neque, vel aliquet nibh. Vestibulum imperdiet a mi ac semper. Nam iaculis dignissim felis, vitae semper sem viverra ac. </div>
                                                                    <div class="feature-link"><a href="#" class="more-link">Read More</a></div>
                                                                    <div class="clear"></div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="clear"></div>
                                                    </div>

                                                    <div class="clear"></div><!-- clear float --> 
                                                </section>
                                            </section><!-- END #maincontent -->
                                            <div class="clear"></div><!-- clear float --> 
                                        </div>

                                    </div>
                                </div>
                                <div class="clear"></div><!-- clear float --> 
                            </div><!-- END #outermain -->
                            <!-- END MAIN CONTENT -->


                            <!-- FOOTER -->
                            <div id="outerfooter">
                                <div id="footercontainer">
                                    <div class="container">
                                        <div class="row">

                                            <div class="twelve columns">
                                                <footer id="footer">
                                                    <div class="copyrighttext">
                                                        Copyright &copy; 2013 <a href="#">Japan Technology and Engineering Co. Ltd.
                                                    </div>
                                                </footer>
                                            </div>

                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- END FOOTER -->

                        </div>
                    </div>
                </div>

            </div><!-- end outercontainer -->
        </div><!-- end bodychild -->


        <!-- ////////////////////////////////// -->
        <!-- //      Javascript Files        // -->
        <!-- ////////////////////////////////// -->
        <script type="text/javascript" src="Content/theme/RoyalStartex/js/jquery-1.7.1.min.js"></script>

        <!-- jQuery Superfish -->
        <script type="text/javascript" src="Content/theme/RoyalStartex/js/hoverIntent.js"></script> 
        <script type="text/javascript" src="Content/theme/RoyalStartex/js/superfish.js"></script> 
        <script type="text/javascript" src="Content/theme/RoyalStartex/js/supersubs.js"></script>

        <!-- jQuery Dropdown Mobile -->
        <script type="text/javascript" src="Content/theme/RoyalStartex/js/tinynav.min.js"></script>

        <!-- Custom Script -->
        <script type="text/javascript" src="Content/theme/RoyalStartex/js/custom.js"></script>

        <!-- jQuery PrettyPhoto -->
        <script type="text/javascript" src="Content/theme/RoyalStartex/js/jquery.prettyPhoto.js"></script>

        <!-- jQuery Camera Slider -->
        <script type="text/javascript" src="Content/theme/RoyalStartex/js/jquery.nivo.slider.pack.js"></script>
        <script type="text/javascript">
            jQuery('#slidernivo').nivoSlider({
                directionNav: true,
                controlNav: false,
                effect: 'random',
                slices: 15,
                boxCols: 8,
                boxRows: 4,
                animSpeed: 500,
                pauseTime: 6000,
            });
        </script>

    </body>
</html>
